<!--
Create tabs with an icon and label, using the tabs-positive style.
Each tab's child <ion-nav-view> directive will have its own
navigation history that also transitions its views in and out.
-->
<ion-side-menus>
    <ion-side-menu-content class="calm-bg" drag-content="false">

        <ion-nav-bar class="bar-positive">
            <ion-nav-buttons>
                <div menu-toggle="left" class="button icon ion-navicon"></div>
            </ion-nav-buttons>
            <ion-nav-back-button>
            </ion-nav-back-button>
        </ion-nav-bar>

        <ion-tabs class="tabs-icon-top tabs-positive">

            <!-- Dashboard Tab -->
            <ion-tab title="消息" icon-off="ion-chatbubble-working" icon-on="ion-chatbubble-working" href="#/tab/msg">
                <ion-nav-view name="tab-msg"></ion-nav-view>
            </ion-tab>

            <!-- Chats Tab -->
            <ion-tab title="工作" icon-off="ion-clipboard" icon-on="ion-clipboard" href="#/tab/work">
                <ion-nav-view name="tab-work"></ion-nav-view>
            </ion-tab>

            <!-- Account Tab -->
            <ion-tab title="我的" icon-off="ion-person" icon-on="ion-person" href="#/tab/my">
                <ion-nav-view name="tab-my"></ion-nav-view>
            </ion-tab>

        </ion-tabs>


    </ion-side-menu-content>

    <ion-side-menu side="left"  class="balanced-bg"  >
        <ion-header-bar class="bar-dark">
           <h1 class="title" >侧边栏</h1>
        </ion-header-bar>


    </ion-side-menu>

</ion-side-menus>